/* 大屏，最小768 */
@media screen and (min-width: 768px){
	/* heaeder */
	.header{background: rgba(255,255,255,0.0);box-shadow: none;position: fixed;top: 0px;z-index: 1000;}
	.header .logo img{-webkit-filter: brightness(100);filter: brightness(100);}
	.header .nav li a{color: #fff;}
	.header_top,.header:hover{background: rgba(255,255,255,1);box-shadow: 0px 5px 20px rgba(0,0,0,0.1);}
	.header_top .nav li a,.header:hover .nav li a{color: #333;}
	.header_top .logo img,.header:hover .logo img{-webkit-filter: brightness(1);filter: brightness(1);}
	/* banner */
	.banner .swiper-slide{height: 700px;}
	.banner .ban01{background: url(../img/index/banner.jpg) top center no-repeat;}
	.banner a{display: block;width: 1150px ;height: auto;margin: 220px auto 0px;overflow: hidden;position: relative;cursor: pointer;transform:translateY(-100px);opacity:0;transition:all .5s;}
	.banner .ban01 a{margin-top: 240px;}
	.banner h2{font-size: 52px;}
	.banner h2::after{width: 140px;height: 2px;background: #fff;content: "";position: absolute;left: 0px;top: 80px;}
	.banner h3{font-size: 32px;font-weight: 500;margin-top: 50px;}
	.banner p{font-size: 18px;margin-top: 20px;}
	.banner h2,.banner h3,.banner p{color: #fff;}
	.banner .ban02{background: url(../img/index/banner02.jpg) top center no-repeat;}
	.banner .ban02 span{font-size: 16px;display: inline-block;padding: 0px 20px;line-height: 50px;background: rgba(255,255,255,0.2);margin: 20px 10px;border-radius: 8px;}
	.banner .ban02 a{color: #fff;}
	.banner .ban02 h2::after{background: #fff;}
	.banner .ani-slide a{transform:translateY(0);opacity:1;}
	.banner .ban03{background: url(../img/index/banner03.jpg) top center no-repeat;}
	.banner a{margin-top: 240px;}
	.mob_4,.m_5 .spb,.m_7 .swiper-pagination{display: none;}
	.m_1,.m_3,.m_5,.m_7{width: 1200px;margin: 60px auto;}
	.m_1 ul{width: 100%;margin: 50px auto 0px;overflow: hidden;text-align: center;box-sizing: border-box;}
	.m_1 ul li{width: 520px;float: left;background: url(../img/index/aaa.jpg) bottom center no-repeat;border-radius: 6px;padding: 50px 30px;background-size: cover;}
	.m_1 ul li h3{font-size: 32px;color: #fff;margin-bottom: 20px}
	.m_1 ul li p{color: #fff;line-height: 30px;height: 120px;font-size: 16px;}
	.m_1 ul li:last-child{background: url(../img/index/bbb.jpg) bottom center no-repeat;float: right;background-size: cover;}
	.m_1 ul li a{display: inline-block;margin-right: 20px;border: 1px solid #fff;line-height: 36px;text-align: center;padding: 0px 30px;color:  #fff;border-radius: 4px;margin-top: 30px;cursor: pointer;font-size: 14px;}
	.m_1 ul li a:hover{background: #fff;color: #03B8CC;opacity: 0.9;}
	.m_1 ul li:last-child a:hover{color: #f8802a;}
	.m_2,.m_4,.m_6{width: 100%;margin: 0px auto;background: #f5f8fb;padding: 60px 0px;overflow: hidden;}
	.simg{width: 1200px;margin: 50px auto 0px;text-align: center;}
	.m_3 ul,.m_4 ul,.m_5 ul,.m_6 ul,.m_7 ul{width: 1200px;margin: 60px auto 0px;}
	.m_3 ul{margin-top: 80px;}
	.m_3 ul li{width: 245px;float: left;padding: 30px 20px;background: #fff;border-radius: 6px;text-align: center;cursor: pointer;margin-right: 20px;}
	.m_3 ul li i{width: 100px;height: 100px;margin: 0px auto 20px;border-radius: 50%;display: block;}
	.m_3 ul li h3{font-size: 18px;margin-bottom: 20px;color: #333;}
	.m_3 ul li p{font-size: 14px;line-height: 24px;height: 96px;color: #666;}
	.m_3 ul li:hover{box-shadow: 0px 20px 40px 0px rgba(83, 86, 90, 0.15);transform: translateY(-10px);transition: all ease 300ms;}
	.m_3 ul li:last-child{margin-right: 0px;}
	.m_4{height: 820px;}
	.m_4 ul{margin: 50px auto 0px;height: 638px;}
	.m_4 ul li{width: 500px;float: left;background: #fff;cursor: pointer;overflow: hidden;border-radius: 2px;transition: all ease 300ms;margin-top: 80px;}
	.m_4 ul li .title{padding: 50px 0px 30px;background: #e9ecee;}
	.m_4 ul li .title h2{font-size: 26px;}
	.m_4 ul li dl{padding: 40px 40px 20px;}
	.m_4 ul li dl dd{margin-bottom: 20px;overflow: hidden;}
	.m_4 ul li dl dd i{width: 40px;height: 40px;display: block;float: left;transition: all ease 300ms;}
	.m_4 ul li dl dd i img{width: 100%;}
	.m_4 ul li dl dd div{width: 360px;float: right;transition: all ease 300ms;}
	.m_4 ul li dl dd div h3{font-size: 18px;line-height: 40px;color: #333;}
	.m_4 ul li dl dd div p{display: none;}
	.m4li{margin-top: 80px;}
	.m_4 ul .active{width: 700px;border-radius: 6px;box-shadow: 0px 20px 40px 0px rgba(83, 86, 90, 0.15);overflow: hidden;position: relative;margin-top: 0px;}
	.m_4 ul .active .title{background: linear-gradient(to right,#00BCD4, #0ccaca);}
	.m_4 ul .active .title h2{color: #fff;}
	.m_4 ul .active dl{padding: 40px;}
	.m_4 ul .active dl dd{margin-bottom: 20px;overflow: hidden;}
	.m_4 ul .active dl dd:last-child{margin-bottom: 0px;}
	.m_4 ul .active dl dd i{width: 80px;height: 80px;}
	.m_4 ul .active dl dd div{width: 500px;}
	.m_4 ul .active dl dd div h3{margin-top: 5px;}
	.m_4 ul .active dl dd div p{font-size: 14px;line-height: 24px;display: block;height: 24px;color: #666;}
	.m_5{margin: 60px auto 30px;}
	.m_5 ul{margin: 30px auto;}
	.m_5 ul li{width: 260px !important;margin: 0px 20px;float: left;box-shadow: 0px 10px 30px 0px rgba(83, 86, 90, 0.1);background: #fff;padding-bottom: 30px;border-radius: 6px;overflow: hidden;}
	.m_4 .mbtn{margin-top: 50px;}
	.m_5 ul li i{display: block;width: 100%;height: 150px;background: #eee;}
	.m_5 ul li h3{font-size: 18px;text-align: center;margin: 30px auto 10px;color: #333;}
	.m_5 ul li p{font-size: 14px;text-align: center;line-height: 24px;padding: 0px 10px;color: #666;}
	.m_5 ul li a{margin-top: 30px;}
	.m_5 ul li:hover{transform: translateY(-30px);transition: all ease 300ms;}
	.m_6 ul li{width: 300px;float: left;text-align: center;border-radius: 6px;cursor: pointer;}
	.m_6 ul li i{display: block;max-width: 260px;margin: 0px auto;overflow: hidden;border-radius: 4px;box-shadow: 0px 10px 20px 0px rgba(83, 86, 90, 0.15);height: 176px;}
	.m_6 ul li i img{width: 100%;}
	.m_6 ul li p{font-size: 16px;margin-top:30px;color: #666;}
	.m_6 ul li:hover{transform: translateY(-10px);transition: all ease 300ms;}
	.m_7{margin-bottom: 20px;}
	.m_7 ul{margin-top: 40px;}
	.m_7 ul li{width: 340px !important;background: #fff;box-shadow: 0px 10px 40px #131e3426;margin: 0px 35px 40px 0px;display: inline-block;border-radius: 6px;overflow: hidden;padding-bottom: 14px;}
	.m_7 ul li .ntit{width: 340px;height: 123px;overflow: hidden;}
	.m_7 ul .nl_1 .ntit{background: url(../img/index/pic07.jpg) center center no-repeat;}
	.m_7 ul .nl_2 .ntit{background: url(../img/index/pic08.jpg) center center no-repeat;}
	.m_7 ul .nl_3 .ntit{background: url(../img/index/pic09.jpg) center center no-repeat;}
	.m_7 ul li .ntit h3{color: #fff;font-size: 18px;margin: 40px 0px 10px 20px;}
	.m_7 ul li .ntit p{font-size: 14px;color: #fff;margin: 0px 0px 0px 20px;}
	.m_7 ul li dl{width: 300px;margin: 20px auto;}
	.m_7 ul li dl dd{line-height: 40px;overflow: hidden;}
	.m_7 ul li dl dd i{display: block;float: left;width: 6px;height: 6px;background: #ccc;border-radius: 50%;margin: 16px 10px 0px 0px;}
	.m_7 ul li dl dd a{display: block;float: right;width: 284px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #666;}
	.m_7 ul li dl dd a:hover{color: #03b8cc;}
	.m_7 ul li:first-child{margin-left: 55px;}
	.m_7 ul li .mbtn{margin-top: 20px;}
}
/* 小屏，最大768 */
@media screen and (max-width: 768px){
	.m_4{display: none;}
	.banner{width: 100%;}
	.banner .ban01{background: url(../img/index/mbanner.jpg) top center no-repeat;background-size: cover;min-height: 30rem;}
	.banner a{display: block;width: 100%;height: auto;margin: 6rem auto 0px;overflow: hidden;color: #fff;position: relative;cursor: pointer;transform:translateY(-100px);opacity:0;transition:all .5s;text-align: center;}
	.banner h2{font-size: 2.2rem;}
	.banner .ban01 h2{font-size: 1.8rem;color: #222;}
	.banner h2::after{left: 33%;}
	.banner h3{font-size: 1.4rem;margin-top: 1.8rem;font-weight: 500;padding: 0rem 1rem;line-height: 2rem;}
	.banner p{font-size: 1rem;line-height: 1.4rem;margin-top: 2rem;padding: 0rem 1rem;}
	.banner .ban01 p{margin-top: 1rem;}
	.banner .ban01 h2,.banner .ban01 h3,.banner .ban01 p{color: #fff;}
	.banner .ban01 h2::after{background: #fff;}
	.banner .ban02 h2::after{top: 6.5rem;}
	.banner .ban02 p{margin-top: 0.4rem;}
	.banner .ban02{background: url(../img/index/mbanner02.jpg) top center no-repeat;background-size: cover;min-height: 30rem;}
	.banner .ban02 span{font-size: 0.8rem;display: inline-block;padding: 0rem 0.6rem;line-height: 2.4rem;background: rgba(255,255,255,0.2);margin: 1rem 0.2rem;border-radius: 0.4rem;}
	.banner .ani-slide a{transform:translateY(0);opacity:1;}
	.banner .ban03{background: url(../img/index/mbanner03.jpg) top center no-repeat;background-size: cover;min-height: 30rem;}
	.banner .ban03 a{margin-top: 8rem;}
	.banner .ban03 h3{font-size: 1.3rem;}
	.banner .ban03 p{margin-top: 0.8rem;}
	.m_1,.m_3,.m_5,.m_7{width: 100%;margin: 1.6rem auto;}
	.m_1 ul{width: 100%;margin: 1rem auto 0rem;overflow: hidden;text-align: center;box-sizing: border-box;}
	.m_1 ul li{width: 86%;background: url(../img/index/aaa.jpg) bottom center no-repeat;border-radius: 0.4rem;padding: 1.8rem 1rem;margin: 1rem auto 0rem;background-size: cover;float: none;}
	.m_1 ul li h3{font-size: 1.4rem;color: #fff;margin-bottom: 1rem;}
	.m_1 ul li p{color: #fff;line-height: 1.6rem;font-size: 1rem;}
	.m_1 ul li:last-child{background: url(../img/index/bbb.jpg) bottom center no-repeat;background-size: cover;float: none;}
	.m_1 ul li a{display: inline-block;border: 1px solid #fff;line-height: 2rem;text-align: center;padding: 0rem 0.5rem;color:  #fff;border-radius: 0.4rem;cursor: pointer;font-size: 1rem;margin: 1.4rem 0.2rem 0rem;}
	.m_1 ul li a:hover{background: #fff;color: #03B8CC;opacity: 0.9;}
	.m_1 ul li:last-child a:hover{color: #f8802a;}
	.m_2,.mob_4,.m_6{width: 100%;margin: 0rem auto;background: #f5f8fb;padding: 1.6rem 0rem;overflow: hidden;}
	.simg{width: 100%;margin: 2rem auto 0rem;text-align: center;}
	.simg img{width: 100%;}
	.m_3 ul,.m_4 ul,.m_5 ul,.m_6 ul,.m_7 ul{width: 96%;margin: 1.6rem auto 0rem;}
	.m_3 ul{margin-top: 0.6rem;}
	.m_3 ul li{width: 39%;float: left;padding: 10% 5%;background: #fff;border-radius: 0.4rem;text-align: center;cursor: pointer;margin-right: 2%;margin-top: 1rem;box-shadow: 0rem 0rem 0.5rem rgba(0,0,0,0.08);}
	.m_3 ul li i{width: 4rem;height: 4rem;margin: 0rem auto 1.2rem;border-radius: 50%;display: block;}
	.m_3 ul li i img{width: 100%;}
	.m_3 ul li h3{font-size: 1rem;margin-bottom: 0.8rem;color: #333;}
	.m_3 ul li p{font-size: 0.8rem;line-height: 1.4rem;color: #666;}
	.m_3 ul li:nth-child(2n){margin-right: 0%;}
	.mob_4{display: block;}
	.mob_4 dl{width: 96% !important;margin: 1.6rem 1.2rem 0rem 0.4rem;background: #fff;overflow: hidden;border-radius: 0.4rem;box-shadow: 0rem 0rem 0.5rem rgba(0,0,0,0.08);}
	.mob_4 dl dt{background: linear-gradient(to right,#00BCD4, #0ccaca);padding: 0.8rem 1rem;overflow: hidden;text-align: center;line-height: 1.8rem;font-size: 1.1rem;color: #fff;}
	.mob_4 dl dd{padding: 0.8rem;margin: 0rem auto;border-bottom: 1px solid #eee;overflow: hidden;}
	.mob_4 dl dd i{width: 3rem;height: 3rem;float: left;margin-top: 0.2rem;}
	.mob_4 dl dd i img{width: 100%;}
	.mob_4 dl dd .txt{width: 80%;float: right;}
	.mob_4 dl dd .txt h3{font-size: 0.9rem;color: #333;margin-bottom: 0.4rem;}
	.mob_4 dl dd .txt p{font-size: 0.7rem;color: #666;line-height: 1.2rem;height: 2.2rem;}
	.mob_4 dl dd:last-child{border-bottom: 0px;margin-right: 0px;}
	.mob_4 dl:last-child dt{background: linear-gradient(to right,#f6c419,#fc8832);}
	.mob_4 dl:last-child{margin-left: 0px;}
	.swip2 .swiper-pagination{bottom: 0px;}
	.swip2 .swiper-pagination .swiper-pagination-bullet{height: 4px;width: 15px;background: #000;border-radius: 2px;}
	.swip2 .swiper-pagination .swiper-pagination-bullet-active{background: #0ccaca;width: 30px;}
	.m_5 ul,.m_7 ul{width: 86%;margin: 1.6rem 0rem 1rem;}
	.m_5 ul li{width: 100% !important;margin: 0rem 8% 0rem;padding-bottom: 1.8rem;box-shadow: 0rem 0rem 0.5rem rgba(0,0,0,0.08);border-radius: 0.4rem;overflow: hidden;}
	.m_5 ul li i{display: block;margin:0rem auto 1.2rem;text-align: center;width: 100%;height: auto;}
	.m_5 ul li i img{width: 100%;}
	.m_5 ul li h3{font-size: 1rem;color: #333;text-align: center;}
	.m_5 ul li p{font-size: 0.8rem;padding: 0rem 1rem;color: #666;margin-top: 1rem;}
	.swip3 .spb{width: 46px;height: 46px;border-radius: 50%;background: linear-gradient(to right,#00BCD4, #0ccaca);box-shadow: 0px 0px 10px #a9cdcd;text-align: center;display: block;}
	.swip3 .spb i{font-size:26px;color: #fff;display: block;line-height: 46px;}
	.m_6 ul{margin-top: 0.6rem;}
	.m_6 ul li{width: 50%;float: left;text-align: center;border-radius: 0.4rem;cursor: pointer;margin-top: 1rem;}
	.m_6 ul li i{display: block;margin: 0px auto;overflow: hidden;border-radius: 0.4rem;box-shadow: 0rem 0rem 0.5rem rgba(0,0,0,0.08);width: 90%;}
	.m_6 ul li i img{width: 100%;}
	.m_6 ul li p{font-size: 0.8rem;margin-top:0.6rem;color: #666;padding: 0rem 0.6rem;}
	.m_7 ul li{width: 100% !important;background: #fff;box-shadow: 0rem 0rem 0.5rem rgba(0,0,0,0.08);display: inline-block;border-radius: 0.4rem;overflow: hidden;margin: 0rem 8% 1.6rem;padding-bottom: 1rem;}
	.m_7 ul li .ntit{width: 100%;height: 7rem;overflow: hidden;}
	.m_7 ul .nl_1 .ntit{background: url(../img/index/pic07.jpg) top center no-repeat;background-size: 100%;}
	.m_7 ul .nl_2 .ntit{background: url(../img/index/pic08.jpg) top center no-repeat;background-size: 100%;}
	.m_7 ul .nl_3 .ntit{background: url(../img/index/pic09.jpg) top center no-repeat;background-size: 100%;}
	.m_7 ul li .ntit h3{color: #fff;font-size: 1rem;margin: 2rem 0rem 0.6rem 1rem;}
	.m_7 ul li .ntit p{font-size: 0.8rem;color: #fff;margin-left: 1rem;}
	.m_7 ul li dl{width: 90%;margin: 0.8rem auto;}
	.m_7 ul li dl dd{line-height: 2.4rem;overflow: hidden;}
	.m_7 ul li dl dd i{display: block;float: left;width: 0.3rem;height: 0.3rem;background: #ccc;border-radius: 50%;margin: 1rem 0.6rem 1rem 0rem;}
	.m_7 ul li dl dd a{display: block;float: left;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.8rem;color: #666;}
	.m_7 ul li dl dd a:hover{color: #03b8cc;}
	.m_7 ul li .mbtn{margin-top: 1rem;}
	.swip4 .swiper-pagination{bottom: 0px;}
	.swip4 .swiper-pagination .swiper-pagination-bullet{height: 4px;width: 15px;background: #000;border-radius: 2px;}
	.swip4 .swiper-pagination .swiper-pagination-bullet-active{background: #0ccaca;width: 30px;}
}
/* banner */
.banner .swiper-pagination,.mbanner .swiper-pagination{bottom: 50px;box-sizing: border-box;text-align: center;}
.banner .swiper-pagination .swiper-pagination-bullet,.mbanner .swiper-pagination .swiper-pagination-bullet{width: 40px;height: 2px;border-radius: 4px;background: rgba(255,255,255,1);opacity: 1;display: inline-block;}
.banner .swiper-pagination .swiper-pagination-bullet-active,.mbanner .swiper-pagination .swiper-pagination-bullet-active{background: #fff;width: 80px;height: 4px;}